// 构建Vue实例
	let login = new Vue({
		el: "#header",
		data: {
			isLogin: false,   // 标记是否登录的状态
			nickName: '',   // 登录会员昵称
			loginID: '',    // 登录会员编号
			memberInfo: { },   // 
			
			// TODO  渲染商品类型
			types: [],    // 所有的商品类型
			
			// TODO 购物车
			carts: [],   // 登录会员的购物车信息
			cartCount: 0,   // 购物车总数
		},
		mounted(){   // 页面渲染完成要执行的函数
			// 发送登录检查的请求 实现 权限认证 信息展示 模块切换
			axios.post("mem/info").then(res=>{
				// console.log(res);
				if (res.status == 200 && res.data.code == 200){   // 请求和响应成功
					this.memberInfo = res.data.data;   // 登录会员信息
					this.loginID = res.data.data.mno;   // 会员编号
					this.isLogin = true;
					return;
				}
				this.isLogin = false;
			})
			
			// TODO 发送获取所有上架的商品类型 find
			axios.post("type/finds").then(res=>{
				//console.log(res);
				if (res.status == 200 && res.data.code == 200){  // 请求和响应成功
					this.types = res.data.data;   // 所有上架的商品信息
					return;
				}
			})
			// TODO 发送获取登录用户购物车信息的请求cart/info
			axios.post("cart/info").then(res => {
				if (res.status == 200 && res.data.code == 200){
					this.carts = res.data.data;   // 所有购物车信息  编号和商品号
					this.cartCount = res.data.data.length;  // 购物车数量
					return;
				}
			})
		},
		
		methods: {
			findByTno(index, tno){  // 通过商品类型编号查询
				//alert(tno + "--" + index);
				// 选中的样式
				$choice = $("#search_item>a");  // 子代选择器
				// 防止用户的重复点击
				if ($choice.eq(index).hasClass("selected")){
					return;
				}
				$choice.removeClass("selected");
				$choice.eq(index).addClass("selected")
				
				// TODO发送类型编号查询请求 
				page = 1;   // 默认查询第一页内容
				axios.post("goods/findByFirst", qs.stringify({page,rows,tno})).then(res=>{
					if (res.status == 200 && res.data.code == 200){
						vm.$data.goods = res.data.data.rows;   // 分页后的商品集合
						vm.totalPage = Math.ceil(res.data.data.total / rows);
						
						$("#pagination").showPage(this.totalPage);
						return;
					}
				})
			},
			search(){
				page = 1;  // 要查询的页码数
				
				let tno = $("#search_item>a[class='selected']").data('tno');   // 获取data-tno属性的值
				// ref 加在普通的z元素上 用this.$refs.(ref值)  获取到的是dom元素
				let gname = this.$refs.gname.value;
				let sprice = vm.$refs.sprice.value;
				let eprice = vm.$refs.eprice.value;
				
				// 多条件查询
				axios.post("goods/findByFirst", qs.stringify({page, rows, gname, tno, sprice, eprice})).then(res=>{
					if (res.status == 200 && res.data.code == 200){  //请求和响应成功
						vm.$data.goods = res.data.data.rows;  
						vm.$totalPage = Math.ceil(res.data.data.total / rows);
						
						$("#pagination").showPage(this.totalPage)
						return;
					}
				})
			}
		}
	})
	/**
	 * 显示提示信息的函数   信息提示框   复制addCart
	 * msg		 提示信息
	 * callback 提示完后要做的事情  将来可以传入函数
	 */
	function showMsg(msg, color, callback ) {
		//如果界面没有该固定提示信息的标签 自定义生成 
		if( !document.getElementById("popup_info")){
			let str = `<div class="popup_con"><div class="popup"><p id="popup_info"></p></div></div>`;
			$(document.body).append( str );
		}
		//显示提示信息
		$("#popup_info").text( msg ).css("color", color);
		$('.popup_con').fadeIn('fast', function() {
			setTimeout(function(){
				$('.popup_con').fadeOut('fast', callback);//淡出后执行的函数
			}, 2000)
		});
	}